import { createApp } from "vue";
// import './style.css'
// 引入element-plus插件和样式
import ElementPlus from "element-plus";
import "element-plus/dist/index.css";
// 配置element-plus国际化
import zhCn from "element-plus/es/locale/lang/zh-cn";
import * as ElementPlusIconsVue from "@element-plus/icons-vue";
import "element-plus/theme-chalk/dark/css-vars.css";
import App from "./App.vue";

// svg插件配置代码
import "virtual:svg-icons-register";

// 引入自定义插件对象：注册整个项目全局组件
import globalComponents from "./components";

// 引入模板的全局的样式
import "@/styles/index.scss";

// 引入路由并注册
import router from "./router";

// 引入仓库
import pinia from "./store";

// 引入路由鉴权文件
import "./permisstion";

const app = createApp(App);
// 获取环境变量
// console.log(import.meta.env);

app.use(ElementPlus, {
  locale: zhCn,
});
// 全局注册element-plus图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component);
}
// 安装仓库
app.use(pinia);
// 注冊路由
app.use(router);
// 安装自定义插件’
app.use(globalComponents);

app.mount("#app");
